<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Menu manager</title>
</head>
<body>
	<jsp:include page="../../common/bar.jsp"></jsp:include>

	<div class="container-fluid">
		<div class="row"></div>
		<div class="col-sm-1 col-md-1 sidebar">
			<ul class="nav nav-sidebar">

				<li class="active" id="o_manager"><a href="#myassess"
					data-toggle="tab">Comment<span class="sr-only">(current)</span>
				</a></li>
			</ul>
		</div>

		<div class="tab-content">

			<div class="col-sm-10 col-sm-offset-1 col-md-12 main tab-pane active"
				id="myassess">
				<h2 class="sub-header">Comment List</h2>
				<button type="button" id="oldAss" class="btn btn-warning">Comment</button>
				<button type="button" id="newAss" class="btn btn-success">New
					Comment</button>


				<div class="panel panel-primary pull-right">
					<div class="panel-heading">
						<h3 class="panel-title">Overall rating</h3>
					</div>
					<div class="panel-body">
						<input id="rating-input" value="0" />
					</div>
				</div>

				<!--  <div class="col-md-10 col-md-offset-1"></div>-->


			</div>

			<div
				class="col-sm-10 col-sm-offset-1 col-md-11 col-md-offset-1 main tab-pane"
				id="auto">
				<h2 class="sub-header">Auto Setting</h2>
			</div>


		</div>
	</div>


	<!-- 

	<div align="center">
		<div class="btn-group" role="group" aria-label="...">
			<button type="button" id="oldAss" class="btn btn-success">Assess</button>
			<button type="button" id="newAss" class="btn btn-danger">New
				Assess</button>
		</div>
	</div>
 -->

	<div class="panel-group col-lg-offset-3" id="accordion"
		style="width: 40%;"></div>
	<!-- already reply template -->
	<div class="panel panel-primary" id="panelOne" style="display: none;">
		<div class="panel-heading" data-toggle="collapse"
			data-parent="#accordion" href="#collapseOne" id="panelHead">
			<h3 class="panel-title">
				<img class="img-circle" src="/meat/images/login/backgrounds/5.jpg"
					width="60px" height="60px" />&nbsp;&nbsp;&nbsp;&nbsp;<span
					name="cname">Mike</span>&nbsp;&nbsp;&nbsp;<span name="score">5个星星给你</span>
				<span class="pull-right" name="assesstime">2017-05-21</span> <br />
				<span class="col-sm-offset-1" name="assess1">吃起来还凑合 </span>
			</h3>
		</div>
		<div id="collapseOne" class="panel-collapse collapse in">
			<div class="panel-body">
				<span name="mcame" class="col-sm-offset-1">Jack reply:</span> <span
					name="reply">&nbsp;谢谢光临</span> <span class="pull-right"
					name="replytime">2017-05-21</span> </span>
			</div>
		</div>
	</div>

	<!-- not reply yet template -->
	<div class="panel panel-primary" id="panelTwo" assessid="1"
		style="display: none;">
		<div class="panel-heading" assid="assid" data-toggle="collapse"
			data-parent="#accordion" href="#collapseOne" id="panelHead">
			<h3 class="panel-title">
				<img class="img-circle" src="/meat/images/login/backgrounds/5.jpg"
					width="60px" height="60px" />&nbsp;&nbsp;&nbsp;&nbsp; <span
					name="cname">Mike</span>&nbsp;&nbsp;&nbsp; <span name="score">5个星星给你</span>
				<span class="pull-right" name="assesstime">2017-05-21</span> <br />
				<span class="col-sm-offset-1" name="assess2">吃起来还凑合 </span>
			</h3>
		</div>
	</div>
	<link href="/meat/css/star-rating.css" media="all" rel="stylesheet"
		type="text/css" />
	<!--suppress JSUnresolvedLibraryURL -->
	<script src="/meat/js/star-rating.js" type="text/javascript"></script>
	<link rel="stylesheet"
		href="http://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
	<script type="text/javascript" src="../../js/websocket.js"></script>
	<script type="text/javascript" src="../../js/assess.js"></script>
</body>

</html>